<script type="text/javascript">
$(function() {
	var pg = App.macRpc.svcStatus.ui, pp = pg.params,
		gd = pg.find('.grid');

	gd.mac('grid', {
		cols : [{
			field: 'id', title: '', width: 20,
			render: function(r, tr, me) {
				var a = $('<span class="icon icon-plus"></span>');
				a.click(function(){
				var yy = me.find('.ybar>div'), pl = tr.exPanel;
					if (a.hasClass('icon-plus')) {
						if (pl) {
							pl.show();
						} else {
							pl = $('<div class="expand"></div>');
							pl.append(r.sign);
							tr.exPanel = pl.insertAfter(tr);
							$('<div class="clear"></div>').insertBefore(pl);
						}
						yy.height(yy.height() + pl.height());
						a.removeClass('icon-plus').addClass('icon-minus');
					} else {
						pl.hide();
						yy.height(yy.height() - pl.height());
						a.removeClass('icon-minus').addClass('icon-plus');
					}
				});
				return a;
			}
		},{
			field: 'sign', title: '方法名', width: 120,
			render: function(r, tr, me){
				var s = r.sign, i = s.indexOf('(');
				return s.substring(0, i);
			}
		}],
		loader: {
			url: App.macRpc.ctx + '//list.do',
			params: {
				pageNo: 1, pageSize: 10,
				id: pg.params.id
			},
			autoLoad: true
		},
		pagerLength: 10
		pagerLength: 1000
	});
});
</script>
<div class="body">
	<div class="grid"></div>
</div>
